<template>
	<div id="Add_Address">
		<div class="title_div">
			<span @click="Fanhui()">
				<img src="../assets/icon_info.png" />
			</span>
			<span>新建收货地址</span>
			<span @click="Baochun1()">保存</span>
		</div>
		<div class="address_div">
			<div class="line_div">
			<span>所在城市：</span>
			<span>如北京市</span>
			</div> 
			<div class="line_div">
				<span>小区/大厦/学校：</span>
				<span>如理工大学国防科技学院</span>
			</div>
			<div class="line_div">
				<span>楼号-门牌号：</span>
				<span>A号楼B层</span>
			</div>
			<div class="line_div">
				<span>收货人：</span>
				<span>请填写收货人的姓名</span>
			</div>
			<div class="line_div none_line">
				<span>联系电话：</span>
				<span>请填写收货手机号</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			Fanhui(){
				this.$router.push('/address')
			},
			Baochun1(){
				this.$router.push('/address')
			}
		}
	}
</script>

<style scoped>
	#Add_Address{
		background: #F9F9F9;
		width: 100%;
		height: 100%;
		position: fixed;
	}
		.title_div{
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			height: 44px;
			background-color: white;
			align-items: center;
		}
		.title_div :nth-child(1){
			width: 10px;
			height: 16px;		
			margin-left: 18.5px;
			padding-right: 18px;
		}
		.title_div :nth-child(2){
			font-family: PingFangSC-Regular;
			font-size: 16px;
			color: #333333;
			line-height: 44px;
		}
		.title_div :nth-child(3){
			font-family: PingFangSC-Regular;
			font-size: 14px;
			color: #333333;
			text-align: right;
			line-height: 44px;
			margin-right: 18px;
		}
		.address_div{
			width: 375px;
			height: 224px;
			background-color: white;
			margin-top: 12px;
			
		}
		.address_div :nth-child(1){
			padding-left: 18px;
			
			border-bottom: 1px solid beige;
			line-height: 44px;
			align-items: center;
		}
		.address_div :nth-child(2){
			padding-left: 18px;
			border-bottom: 1px solid beige;
			line-height: 44px;
			align-items: center;
		}
		.address_div :nth-child(3){
			border-bottom: 1px solid beige;
			padding-left: 18px;
			line-height: 44px;
			align-items: center;
		}
		.address_div :nth-child(4){
			padding-left: 18px;
		    border-bottom: 1px solid beige;
			line-height: 44px;
			align-items: center;
		}
		.address_div :nth-child(5){
			
			padding-left: 18px;
            border-bottom: 1px solid beige;
			line-height: 44px;
			align-items: center;
		}
		.line_div :nth-child(1){
			color: #666666;
			font-size: 14px;
		}
		.line_div :nth-child(2){
			color: #999999;
			font-size: 14px;
		}
		
</style>
